﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="userEdite.aspx.cs" Inherits="weikebuluo.web.admin.user.userEdite" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title> IdeaSoft软件| 会员注册，微信营销第一站 ,微信运营必备,首家微信淘宝客</title>
    <link href="../../../css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../../../css/Register.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/JQuery.min.js" type="text/javascript"></script>
</head>


<body>
    <div class="header">
    </div>
    <div class="mainbody">
        
        <div class="control-group">
            <label class="control-label" for="username">
                用户名</label>
            <div class="controls">
                <input type="text" name="username" id="username">
                <span class="maroon">*</span><span class="help-inline">长度为6~16位字符，可以为“数字/字母/中划线/下划线”组成</span>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="password">
                设置密码</label>
            <div class="controls">
                <input type="password" name="password" id="password">
                <span class="maroon">*</span><span class="help-inline">长度为6~16位字符</span>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="repassword">
                确认密码</label>
            <div class="controls">
                <input type="password" name="repassword" id="repassword">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="phone">
                手机</label>
            <div class="controls">
                <input type="text" name="phone" id="phone">
                <span class="maroon">*</span><span class="help-inline">请输入正确的手机号码</span>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="email">
                邮箱</label>
            <div class="controls">
                <input type="text" name="email" id="email">
                <span class="maroon">*</span><span class="help-inline">邮箱将与支付及优惠相关，请填写正确的邮箱</span>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="qq">
                QQ</label>
            <div class="controls">
                <input type="text" name="qq" id="qq">
            </div>
        </div>
        
        <div class="control-group">
            <label class="control-label" for="randcode">
                验证码</label>
            <div class="controls">
                <input type="text" name="randcode" id="randcode" maxlength="6" />
                <span class="maroon">*</span> <span>
                    <img title="看不清？点击更换" style="cursor: pointer;" name="randImage" id="randImage" alt="" src="/Controllers/Ashx/VerifyCode.ashx"
                        onclick="changeVerifyCode()" width="80" height="20" border="1" />
                </span>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="invite">
                邀请码</label>
            <div class="controls">
                <input type="text" name="invite" id="invite" maxlength="6"><span class="maroon">*</span>
            </div>
        </div>
        <div class="control-group">
            <div class="controls">
                <button type="button" id="reg-btn" class="btn btn-large btn-primary">
                    立即注册</button>
            </div>
        </div>
        <input type="hidden" name="usertype" value="merchant" id="usertype" />
    </div>
    <div class="header">
    </div>
</body>
<script type="text/javascript">
    var url = "userEdite.aspx";

    $(function () {
        //用户名
        $("#username").keyup(function () {
            if ($("#username").val() == "" || $("#username").val().length < 6 || $("#username").val().length > 16) {
                $(".control-group").eq(0).addClass("error");
            }
            else {
                $(".control-group").eq(0).removeClass("error");
            }
        });

        $("#username").blur(function () {
            if ($("#username").val() == "" || $("#username").val().length < 6 || $("#username").val().length > 16) {
                $(".control-group").eq(0).addClass("error");
            }
            else {
                $(".control-group").eq(0).removeClass("error");
            }
        });

        //设置密码
        $("#password").keyup(function () {
            if ($("#password").val() == "" || $("#password").val().length < 6 || $("#password").val().length > 16) {
                $(".control-group").eq(1).addClass("error");
            }
            else {
                $(".control-group").eq(1).removeClass("error");
            }
        });

        $("#password").blur(function () {
            if ($("#password").val() == "" || $("#password").val().length < 6 || $("#password").val().length > 16) {
                $(".control-group").eq(1).addClass("error");
            }
            else {
                $(".control-group").eq(1).removeClass("error");
            }
        });

        //确认密码
        $("#repassword").keyup(function () {
            if ($("#repassword").val() == "" || ($("#password").val() != $("#repassword").val())) {
                $(".control-group").eq(2).addClass("error");
            }
            else {
                $(".control-group").eq(2).removeClass("error");
            }
        });

        $("#repassword").blur(function () {
            if ($("#repassword").val() == "" || ($("#password").val() != $("#repassword").val())) {
                $(".control-group").eq(2).addClass("error");
            }
            else {
                $(".control-group").eq(2).removeClass("error");
            }
        });

        //手机
        $("#phone").keyup(function () {
            if ($("#phone").val() == "" || $("#phone").val().length != 11) {
                $(".control-group").eq(3).addClass("error");
            }
            else {
                $(".control-group").eq(3).removeClass("error");
            }
        });

        $("#phone").blur(function () {
            if ($("#phone").val() == "" || $("#phone").val().length != 11) {
                $(".control-group").eq(3).addClass("error");
            }
            else {
                $(".control-group").eq(3).removeClass("error");
            }
        });

        //邮箱
        var reg = /^\w{3,}@\w+(\.\w+)+$/;
        $("#email").keyup(function () {
            if ($("#email").val() == "" || !reg.test($("#email").val())) {
                $(".control-group").eq(4).addClass("error");
            }
            else {
                $(".control-group").eq(4).removeClass("error");
            }
        });

        $("#email").blur(function () {
            if ($("#email").val() == "" || !reg.test($("#email").val())) {
                $(".control-group").eq(4).addClass("error");
            }
            else {
                $(".control-group").eq(4).removeClass("error");
            }
        });

        //验证码
        $("#randcode").keyup(function () {
            if ($("#randcode").val() == "") {
                $(".control-group").eq(6).addClass("error");
            }
            else {
                $(".control-group").eq(6).removeClass("error");
            }
        });
        //验证码
        $("#invite").keyup(function () {
            if ($("#invite").val() == "") {
                $(".control-group").eq(7).addClass("error");
            }
            else {
                $(".control-group").eq(7).removeClass("error");
            }
        });

        //验证码(Ajax是否一致)
        $("#randcode").blur(function () {
            if ($("#randcode").val() != "") {
                $.ajax({
                    url: url + "?action=code",
                    type: "post",
                    data: { code: $("#randcode").val() },
                    success: function (msg) {
                        if (msg == "true") {
                            $(".control-group").eq(6).removeClass("error");
                        }
                        else {
                            $(".control-group").eq(6).addClass("error");
                        }
                    }
                });
            }
        })

        $("#reg-btn").click(function () {
            var bl = true; //确认可用标示
            if ($("#username").val() == "" || $("#username").val().length < 6 || $("#username").val().length > 16) {
                $(".control-group").eq(0).addClass("error");
                bl = false;
            }
            if ($("#password").val() == "" || $("#password").val().length < 6 || $("#password").val().length > 16) {
                $(".control-group").eq(1).addClass("error");
                bl = false;
            }
            if ($("#repassword").val() == "" || ($("#password").val() != $("#repassword").val())) {
                $(".control-group").eq(2).addClass("error");
                bl = false;
            }
            if ($("#phone").val() == "" || $("#phone").val().length != 11) {
                $(".control-group").eq(3).addClass("error");
                bl = false;
            }
            if ($("#email").val() == "" || !reg.test($("#email").val())) {
                $(".control-group").eq(4).addClass("error");
                bl = false;
            }
            if ($("#invite").val() == "") {
                $(".control-group").eq(7).addClass("error");
                bl = false;
            }
            if ($("#randcode").val() == "") {
                $(".control-group").eq(6).addClass("error");
                bl = false;
            }
            if (bl) {
                $.ajax({
                    url: url + "?action=reg",
                    type: "post",
                    data: { name: $("#username").val(), pwd: $("#repassword").val(), phone: $("#phone").val(), email: $("#email").val(), qq: $("#qq").val(), invite: $("#invite").val(), code: $("#randcode").val(), invite: $("#invite").val() },
                    success: function (msg) {
                        if (msg == "true") {
                            alert("注册成功");
                            window.location.href = "/web/pcweb/index.aspx";
                        }
                        else {
                            alert(msg);
                        }
                    }
                });
            }
        })
    });

    //刷新验证码
    function changeVerifyCode() {
        var CodeDate = new Date();

        $("#randImage").attr("src", "/Controllers/Ashx/VerifyCode.ashx?ID=" + CodeDate.getMilliseconds());
    }
</script>
</html>
